<template>
    <div class="mainContainer">
        <floatLeft v-show="showPane && !isRoam" @leftViewImp="leftViewImp"></floatLeft>
        <transition name="el-zoom-in-top">
            <floatCenter v-if="showPane && showCenter && !isRoam" :showTl2="false"></floatCenter>
        </transition>
        <floatRight v-show="showPane && !isRoam"></floatRight>
    </div>
</template>

<script>
import floatLeft from "@/views/monitor/environment/floatLeft";
import floatRight from "@/views/monitor/environment/floatRight";
// import floatCenter from "@/views/monitor/air/floatCenter";
import floatCenter from "@/components/floatCenter";
import {mapGetters} from "vuex";

export default {
    name: "monitorEnvironment",
    data() {
        return {
            showCenter: true,//显示中间内容
        }
    },
    computed: {
        ...mapGetters({
            showPane: 'setting/getPane',
            isRoam: 'setting/getRoam',
        }),
    },
    components: {
        floatLeft, floatRight, floatCenter
    },
    beforeDestroy() {
    },
    mounted() {
        // window.addResponseEventListener("printMessage", data => {
        //   console.log("接收到像素流消息", data)
        // this.getUe4Data(data)
        // })
    },
    watch: {},
    methods: {
        leftViewImp(bool) {
            this.showCenter = bool
        }
    }
}
</script>

<style scoped>
.mainContainer {
    overflow-x: hidden;
    overflow-y: hidden;
}
</style>
